@import "theam";
.content-wrapper{
  width: 1664px;
  margin: 0 auto;
  @media (max-width: 1704px)  {
    width: 1550px;
  }
  @media (max-width: 1664px)  {
    width: 1250px;
  }
  @media (max-width: 1250px)  {
    width: 100%;

  }
}
.hry-ready{
  border-bottom: 18px solid #fb3;
}
.hry-current{
  border-bottom: 18px solid @primary-color;
}
.hry-success{
  border-bottom: 18px solid @error-color;
}
.count-wrapper {
  display: block;
  border: 1px solid @border-color-base;
  text-align: center;
  border-radius: 1rem;
}
.mobile-table{
  padding: 1rem;
}
.hry-btn-wrapper{
  .flex_content();
  .flex_justify_space();
  .flex_align_center();
  border-bottom: 2px solid rgba(218, 218, 218, 1);
  padding-bottom: 2rem;
  margin-bottom: 1rem;
  .title {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
}
.bounce-enter-active {
  animation: bounce-in .7s;
}
.bounce-leave-active {
  animation: bounce-in .4s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
.hry-content {
  padding-bottom: 1rem;
  .wrapper {
    .ant-form{
      margin: 16px !important;
    }
    .ant-table-wrapper{
      margin: 16px;
    }
  }
}